<ion-header>
    <ion-navbar>
      <ion-title>
        列表案例2
      </ion-title>
    </ion-navbar>
  </ion-header>
  <ion-content>
    <h1>复杂列表,只显示90后的数据</h1>

    <!--复杂列表，使用到了ion-list、标签-->
    <ion-list>
      <!--将点击的item传递进去-->
      <ng-container *ngFor="let item of users">

        <ion-item (click)="clickItem(item)"  *ngIf="item.age > 1990">
          
          <!--通过ion-avatar 来设置头像,可以将方形的，设置成为圆形的头像-->
          <ion-avatar  item-start>
            <img src="{{item.img}}">
          </ion-avatar>
          <h2>{{item.name}}</h2>
          <p>{{item.description}}</p>
          <!--表示在列表的后面-->
          <p item-end>{{item.gender?'男':'女'}}, {{year_now - item.age}} 岁</p>
        </ion-item>
      </ng-container>
      </ion-list>

  </ion-content>